<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试层级路径</title>
</head>
<body>
<!--代表上级目录-->
<img src="../../img1.jpg" alt="img1" width="100" >
<img src="../../img/img3.jpg" alt="加载失败" width="100">
<!-- 可以写一个网图-->
<img src="https://img2.baidu.com/it/u=3566088443,3713209594&fm=26&fmt=auto&gp=0.jpg" alt="加载失败" width="100">
<!--
  路径的查找
  ./当前目录
  ../代表上级目录
  属性：
    1. src
    2. alt 图片加载失败之后的提示
    3. title 悬停提示
    4. width  height
   可以加载网络图片
-->
<h2>a标签</h2>
<h3>href 就是要跳转的地址</h3>
<a href="https://www.baidu.com">百度</a>
<h3>希望跳转的时候打开一个新的界面，可以使用target</h3>
<a href="https://course.myhope365.com" target="_blank"> 天亮云课堂</a>
<!--涉及到文件下载-->
<h3>文件下载，可以通过download属性</h3>
<a href="../../img1.jpg" download>图片</a>
<!--
  添加注释的内容
  在写代码之前，先写注释
-->





</body>
</html>